// Document
// 1. 重置box-sizing 改为border-box，使宽度不受padding影响
// 2. 初始化默认字体
// 3. 初始化默认行高改为1.15
// 4. 防止字体改变大小，在windows phone和 ios的IE中
// 5. 设置@viewport会导致滚动条在IE11和Edge中重叠内容，所以
//    我们强制一个不重叠的非自动隐藏滚动条来抵消。
// 6. 在iOS中将默认的轻按突出显示更改为完全透明。
// *::before,
// *::after {
//     box-sizing: border-box; // 1
// }
// * {
//     box-sizing: border-box;
// }
* {
    margin: 0;
    padding: 0;
}

html {
    font-family: sans-serif; // 2
    line-height: 1.15; // 3
    -webkit-text-size-adjust: 100%; // 4
    -ms-text-size-adjust: 100%; // 4
    -ms-overflow-style: scrollbar; // 5
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); // 6
}

// IE10+某些情况下不支持 `<meta name="viewport">`
@at-root {
    @-ms-viewport {
        width: device-width;
    }
}

// html5标签在旧浏览器不正确显示，设置为块元素
article,
aside,
dialog,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block;
}

// body
// 1. 清除默认的外边距
// 2. 设置默认的背景色
// 3. 设置默认的文字对齐方式，以便于使用 inherit 继承父元素
body {
    margin: 0; // 1
    font-family: $font-family-base;
    font-size: $font-size-base;
    font-weight: $font-weight-base;
    line-height: $line-height-base;
    // color: $body-color;
    text-align: left; // 3
    // background-color: $body-bg; // 2
}

// 清除不必要存在的outline
[tabindex="-1"]:focus {
    outline: 0 !important;
}

// Conetent
// 1. 在Firefox中添加正确的框大小
// 2. 在Edge和IE中超出的部分可见
hr {
    box-sizing: content-box; // 1
    height: 0; // 1
    overflow: visible; // 2
}

// 清除默认margin--top值
// 设置默认margin-bottom值
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: $headings-margin-bottom;
}

// 清除默认margin--top值
// 设置默认margin-bottom值
p {
    margin-top: 0;
    // margin-bottom: $paragraph-margin-bottom;
}

ol,
ul,
dl {
    margin-top: 0;
    margin-bottom: 0rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
    margin-bottom: 0;
}

dt {
    // font-weight: $dt-font-weight;
}

dd {
    margin-bottom: .5rem;
    margin-left: 0;
}

b,
strong {
    font-weight: bolder;
}

small {
    font-size: 80%;
}

//
// 超链接
//
// a {
//     color: $link-color;
//     text-decoration: $link-decoration;
//     background-color: transparent; //  清楚IE10默认的点击效果
//     -webkit-text-decoration-skip: objects; // 清除默认IOS和safari的点击效果
//     @include hover {
//         color: $link-hover-color;
//         text-decoration: $link-hover-decoration;
//     }
// }
// a:not([href]):not([tabindex]) {
//     color: inherit;
//     text-decoration: none;
//     @include hover-focus {
//         color: inherit;
//         text-decoration: none;
//     }
//     &:focus {
//         outline: 0;
//     }
// }
img {
    vertical-align: middle;
    border-style: none; // 清除默认边框 IE10-
}

svg:not(:root) {
    overflow: hidden; // 超出隐藏
}

table {
    border-collapse: collapse; // 合并重合的线
}

th {
    // 沿用父元素的 对齐方式
    text-align: inherit;
}

label {
    // 定义为行内块元素方便使用margin
    display: inline-block;
    margin-bottom: .5rem;
}

button {
    border-radius: 0;
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color;
}

input,
button,
select,
optgroup,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

button,
input {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

textarea {
    overflow: auto;
    resize: vertical; //用户可调整元素的高度。
}

[type="checkbox"],
[type="radio"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    position: relative;
    top: 2px;
}